@CHARSET "UTF-8";

import url('common.css');

.panel{margin-top: 20px;}
.panel-heading,.brief li{font-family: "微软雅黑"; font-weight: bold;}

.panel-heading li.name,.lists li.name{width:60px; float: left; }
.panel-heading li.price,.lists li.price{width: 130px; }
.panel-heading li.shopcar,.lists li.shopcar{width: 130px;}
.panel-heading li.total,.lists li.total{width: 100%;}
.panel-heading li.doit,.lists li.doit{width: 130px;}

.panel-body .lists{margin-top: 10px; overflow: hidden; padding-bottom: 10px;}
.panel-body{padding-top: 0; padding-bottom: 0; min-height: 70px;}
.panel-body .empty{line-height: 70px; text-align: center; color: #666;}
.panel-body .lists{width:100%; border-bottom: 1px solid #e5e5e5;}
.panel-body .lists:last-child{ border-bottom: none;}
.panel-body .lists li{margin-top:3px; height: 30px;}
.lists li.shopcar,.lists li.total ,.lists li.doit{line-height:20px; height: 40px; line-height: 45px; float: left; width: 80px;}

.lists li.total{margin-top: 5px; color: #F14C4C; font-weight: bold;}

.rightname{float: left; width: 70%; margin:5px 0 0 5px;}
.rightname a{font-size: 12px;}

.panel-body .lists .image{width:50px; height: 50px; padding: 2px; float: left;}
.panel-body .lists .image img{width:50px; height: 50px; padding: 2px; border: 1px solid #e5e5e5;}

.panel-body .lists .shopcar{height: 40px; padding: 10px 0 0 0;}
.panel-body .shopcar button,
.panel-body .shopcar button.l,
.panel-body .shopcar button.r{display:inline-block; background: #FFF;  width:20px; height:30px; line-height:30px; text-align:center; color:#666; cursor:pointer; outline: none; border:1px solid #ccc; float:left;}
.panel-body .shopcar button.l{border-right:none; margin-left: 0;}
.panel-body .shopcar button.r{border-left:none; margin-left: 0;}
.panel-body .shopcar .form-control{width:30px; margin:0; height:30px; border-radius:0; padding:0 2px; text-align:center; float:left;}
.panel-body .shopcar .btn{height:30px; font-size:12px; margin-left:5px; line-height:30px; padding:0; width:80px; border-radius:0;}
.panel-body .shopcar .btn-default{width:40px; color: #666; height:30px; border-radius:0;}

.brief{float: right;}
.brief li{ float: left; margin-right: 20px; height: 40px; line-height: 40px;}
.brief li em{font-style: normal; font-weight: bold;  padding: 0 5px;}
.brief li em.amount{ font-size: 14px;}
.brief li em.price{ font-size: 25px; color: #f14c4c;}
.brief li.button{width: 100px; height: 40px; margin-right: 0;}
.brief li.button .btn{ width: 100px; line-height: 40px; padding: 0; font-size: 16px; font-weight: bold;}





